/*
 * layuim 初始化、扩展
 * */
layui.use('layim', function(layim){
	//演示自动回复
		var autoReplay = [
	    '您好，我现在有事不在，一会再和您联系。', 
	    '你没发错吧？face[微笑] ',
	    '洗澡中，请勿打扰，偷窥请购票，个体四十，团体八折，订票电话：一般人我不告诉他！face[哈哈] ',
	    '你好，我是主人的美女秘书，有什么事就跟我说吧，等他回来我会转告他的。face[心] face[心] face[心] ',
	    'face[威武] face[威武] face[威武] face[威武] ',
	    '<（@￣︶￣@）>',
	    '你要和我说话？你真的要和我说话？你确定自己想说吗？你一定非说不可吗？那你说吧，这是自动回复。',
	    'face[黑线]  你慢慢说，别急……',
	    '(*^__^*) face[嘻嘻] ，是贤心吗？'
	  ];
	  
	  //基础配置
	  layim.config({
	    //初始化接口
	    /* init: {
	      url: '../json/getList.json'
	      ,data: {}
	    } */
	    //或采用以下方式初始化接口
	    init: {
	    	"mine": {
	    	      "username": "ECP开发者"
	    	      ,"id": "100000"
	    	      ,"status": "online"
	    	      ,"sign": "解决问题大多数都很容易；找到问题出在哪里却很难"
	    	      ,"avatar": "../../img/dhlogo.png"
	    	    }
	    	    ,"friend": [{
	    	      "groupname": "前端码屌"
	    	      ,"id": 1
	    	      ,"online": 2
	    	      ,"list": [{
	    	        "username": "贤心"
	    	        ,"id": "100001"
	    	        ,"avatar": "http://tp1.sinaimg.cn/1571889140/180/40030060651/1"
	    	        ,"sign": "这些都是测试数据，实际使用请严格按照该格式返回"
	    	      },{
	    	        "username": "Z_子晴"
	    	        ,"id": "108101"
	    	        ,"avatar": "http://tva3.sinaimg.cn/crop.0.0.512.512.180/8693225ajw8f2rt20ptykj20e80e8weu.jpg"
	    	        ,"sign": "微电商达人"
	    	      },{
	    	        "username": "Lemon_CC"
	    	        ,"id": "102101"
	    	        ,"avatar": "http://tp2.sinaimg.cn/1833062053/180/5643591594/0"
	    	        ,"sign": ""
	    	      },{
	    	        "username": "马小云"
	    	        ,"id": "168168"
	    	        ,"avatar": "http://tp4.sinaimg.cn/2145291155/180/5601307179/1"
	    	        ,"sign": "让天下没有难写的代码"
	    	        ,"status": "offline"
	    	      },{
	    	        "username": "徐小峥"
	    	        ,"id": "666666"
	    	        ,"avatar": "http://tp2.sinaimg.cn/1783286485/180/5677568891/1"
	    	        ,"sign": "代码在囧途，也要写到底"
	    	      }]
	    	    },{
	    	      "groupname": "网红"
	    	      ,"id": 2
	    	      ,"online": 3
	    	      ,"list": [{
	    	        "username": "罗玉凤"
	    	        ,"id": "121286"
	    	        ,"avatar": "http://tp1.sinaimg.cn/1241679004/180/5743814375/0"
	    	        ,"sign": "在自己实力不济的时候，不要去相信什么媒体和记者。他们不是善良的人，有时候候他们的采访对当事人而言就是陷阱"
	    	      },{
	    	        "username": "长泽梓Azusa"
	    	        ,"id": "100001222"
	    	        ,"sign": "我是日本女艺人长泽あずさ"
	    	        ,"avatar": "http://tva1.sinaimg.cn/crop.0.0.180.180.180/86b15b6cjw1e8qgp5bmzyj2050050aa8.jpg"
	    	      },{
	    	        "username": "大鱼_MsYuyu"
	    	        ,"id": "12123454"
	    	        ,"avatar": "http://tp1.sinaimg.cn/5286730964/50/5745125631/0"
	    	        ,"sign": "我瘋了！這也太準了吧  超級笑點低"
	    	      },{
	    	        "username": "谢楠"
	    	        ,"id": "10034001"
	    	        ,"avatar": "http://tp4.sinaimg.cn/1665074831/180/5617130952/0"
	    	        ,"sign": ""
	    	      },{
	    	        "username": "柏雪近在它香"
	    	        ,"id": "3435343"
	    	        ,"avatar": "http://tp2.sinaimg.cn/2518326245/180/5636099025/0"
	    	        ,"sign": ""
	    	      }]
	    	    },{
	    	      "groupname": "我心中的女神"
	    	      ,"id": 3
	    	      ,"online": 1
	    	      ,"list": [{
	    	        "username": "林心如"
	    	        ,"id": "76543"
	    	        ,"avatar": "http://tp3.sinaimg.cn/1223762662/180/5741707953/0"
	    	        ,"sign": "我爱贤心"
	    	      },{
	    	        "username": "佟丽娅"
	    	        ,"id": "4803920"
	    	        ,"avatar": "http://tp4.sinaimg.cn/1345566427/180/5730976522/0"
	    	        ,"sign": "我也爱贤心吖吖啊"
	    	      }]
	    	    }]
	    	    ,"group": [{
	    	      "groupname": "前端群"
	    	      ,"id": "101"
	    	      ,"avatar": "http://tp2.sinaimg.cn/2211874245/180/40050524279/0"
	    	    },{
	    	      "groupname": "Fly社区官方群"
	    	      ,"id": "102"
	    	      ,"avatar": "http://tp2.sinaimg.cn/5488749285/50/5719808192/1"
	    	    }]
	    }
	    
	    //查看群员接口
	    ,members: {
	      url: 'json/getMembers.json'
	      ,data: {}
	    }
	    //上传图片接口
	    ,uploadImage: {
	      url: '/upload/image' //（返回的数据格式见下文）
	      ,type: '' //默认post
	    } 
	    //上传文件接口
	    ,uploadFile: {
	      url: '/upload/file' //（返回的数据格式见下文）
	      ,type: '' //默认post
	    }
	    ,isAudio: true //开启聊天工具栏音频
	    ,isVideo: true //开启聊天工具栏视频
	    
	    //扩展工具栏
	    ,tool: [{
	      alias: 'code'
	      ,title: '代码'
	      ,icon: '&#xe64e;'
	    }]
	    
// 	    ,brief: true //是否简约模式（若开启则不显示主面板）
	    ,title: '交流中心' //自定义主面板最小化时的标题
// 	    ,right: '100px' //主面板相对浏览器右侧距离
// 	    ,minRight: '90px' //聊天面板最小化时相对浏览器右侧距离
	    ,initSkin: '3.jpg' //1-5 设置初始背景
	    //,skin: ['aaa.jpg'] //新增皮肤
	    //,isfriend: false //是否开启好友
	    //,isgroup: false //是否开启群组
	    ,min: true //是否始终最小化主面板，默认false
	    ,notice: true //是否开启桌面消息提醒，默认false
	    //,voice: false //声音提醒，默认开启，声音文件为：default.mp3
	    
	    //,msgbox: layui.cache.dir + 'css/modules/layim/html/msgbox.html' //消息盒子页面地址，若不开启，剔除该项即可
// 	    ,find: layui.cache.dir + 'css/modules/layim/html/find.html' //发现页面地址，若不开启，剔除该项即可
// 	    ,chatLog: layui.cache.dir + 'css/modules/layim/html/chatlog.html' //聊天记录页面地址，若不开启，剔除该项即可
	    
	  });

	  /*
	  layim.chat({
	    name: '在线客服-小苍'
	    ,type: 'kefu'
	    ,avatar: 'http://tva3.sinaimg.cn/crop.0.0.180.180.180/7f5f6861jw1e8qgp5bmzyj2050050aa8.jpg'
	    ,id: -1
	  });
	  layim.chat({
	    name: '在线客服-心心'
	    ,type: 'kefu'
	    ,avatar: 'http://tva1.sinaimg.cn/crop.219.144.555.555.180/0068iARejw8esk724mra6j30rs0rstap.jpg'
	    ,id: -2
	  });
	  layim.setChatMin();*/

	  //监听在线状态的切换事件
	  layim.on('online', function(data){
	    console.log('监听在线状态的切换事件:'+data);
	  });
	  
	  //监听签名修改
	  layim.on('sign', function(value){
	    console.log('监听签名修改'+value);
	  });

	  //监听自定义工具栏点击，以添加代码为例
	  layim.on('tool(code)', function(insert){
	    layer.prompt({
	      title: '插入代码'
	      ,formType: 2
	      ,shade: 0
	    }, function(text, index){
	      layer.close(index);
	      insert('[pre class=layui-code]' + text + '[/pre]'); //将内容插入到编辑器
	    });
	  });
	  
	  //监听layim建立就绪
	  layim.on('ready', function(res){
	    //console.log(res.mine);
	    layim.msgbox(5); //模拟消息盒子有新消息，实际使用时，一般是动态获得
	    //添加好友（如果检测到该socket）
	    layim.addList({
	      type: 'group'
	      ,avatar: "http://tva3.sinaimg.cn/crop.64.106.361.361.50/7181dbb3jw8evfbtem8edj20ci0dpq3a.jpg"
	      ,groupname: 'Angular开发'
	      ,id: "12333333"
	      ,members: 0
	    });
	    layim.addList({
	      type: 'friend'
	      ,avatar: "http://tp2.sinaimg.cn/2386568184/180/40050524279/0"
	      ,username: '测试'
	      ,groupid: 2
	      ,id: "1233333312121212"
	      ,remark: "测试测试测试测试"
	    });
	    
	    setTimeout(function(){
	      //接受消息（如果检测到该socket）
	      layim.getMessage({
	        username: "Hi"
	        ,avatar: "http://qzapp.qlogo.cn/qzapp/100280987/56ADC83E78CEC046F8DF2C5D0DD63CDE/100"
	        ,id: "10000111"
	        ,type: "friend"
	        ,content: "临时："+ new Date().getTime()
	      });
	    }, 3000);
	  });

	  //监听发送消息
		layim.on('sendMessage', function(data){
	    var To = data.to;
	    //console.log(data);
	    
	    if(To.type === 'friend'){
	      layim.setChatStatus('<span style="color:#FF5722;">对方正在输入。。。</span>');
	    }
	    
	    //演示自动回复
	    setTimeout(function(){
	      var obj = {};
	      if(To.type === 'group'){
	        obj = {
	          username: '模拟群员'+(Math.random()*100|0)
	          ,avatar: layui.cache.dir + 'images/face/'+ (Math.random()*72|0) + '.gif'
	          ,id: To.id
	          ,type: To.type
	          ,content: autoReplay[Math.random()*9|0]
	        }
	      } else {
	        obj = {
	          username: To.name
	          ,avatar: To.avatar
	          ,id: To.id
	          ,type: To.type
	          ,content: autoReplay[Math.random()*9|0]
	        }
	        layim.setChatStatus('<span style="color:#FF5722;">在线</span>');
	      }
	      layim.getMessage(obj);
	    }, 1000);
	  });

	  //监听查看群员
	  layim.on('members', function(data){
	    //console.log(data);
	  });
	  
	  //监听聊天窗口的切换
	  layim.on('chatChange', function(res){
	    var type = res.data.type;
	    console.log(res.data.id)
	    if(type === 'friend'){
	      //模拟标注好友状态
	      //layim.setChatStatus('<span style="color:#FF5722;">在线</span>');
	    } else if(type === 'group'){
	      //模拟系统消息
	      layim.getMessage({
	        system: true
	        ,id: res.data.id
	        ,type: "group"
	        ,content: '模拟群员'+(Math.random()*100|0) + '加入群聊'
	      });
	    }
	  });
		$(function(){
			layimHide(100);
			layimShowHide();
		})
		$("#layui-layer1").click(function(){
			layimHide(100);
			layimShowHide();
		})
		//layim 浮窗收起、展开事件
		function layimShowHide(){
			var layim_left;
			$(".layui-layim-min").mouseleave(function(){
				layim_left = $(this).css('left');
				if(layim_left == $(window).width() - 122+'px')layimHide(76);
			})
			$(".layui-layim-min").mouseenter(function(){
				layim_left = $(this).css('left');
				if(layim_left == $(window).width() - 46+'px')$(this).animate({ left: "-=76px" }, 200);
		    });
		}
		//layim 浮窗收起
		function layimHide(left){
			$(".layui-layim-min").animate({ left: "+="+left+"px" }, 200);
			$(".layui-layim-min").css('border-radius','24px');
			$("#layui-layim-close").css({'padding':'3px','margin':'0'});
		}
	});